<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <title>吉他女声 弹唱大赛</title>
    <link rel="stylesheet" href="/static/h5/css/home/home.css">
    @include('web.baidu')
</head>
<body>
@include('h5.weichatshare')

<div id="home">
    <span class="icon icon-logo animated bounceInDown"></span>
    <a class="btn animated fadeInDown" href="/mobile/about"><em class="icon icon-d"></em>比赛详情</a>
    <a class="btn animated fadeInDown" href="/mobile/hot"><em class="icon icon-hot"></em>人气选手</a>
    <a class="btn animated fadeInDown" href="/mobile/juesai"><em class="icon icon-hot"></em>决赛12强</a>
    <a class="btn animated fadeInDown" href="/mobile/finals"><em class="icon icon-hot"></em>全国3强</a>
    <a class="btn enter animated fadeInDown" href="/mobile/baoming">我要报名</a>
    <a class="icon icon-webchat animated bounceInUp" id="tdc" href="javascript:void(0)" title="微信"></a>
    <a class="icon icon-web animated bounceInUp" href="http://m.weibo.cn/u/2274118985" title="微博"></a>
</div>
<div id="tdc-layer">
    <div class="tdc-container">
        <img src="/static/web/images/common/weiqrcode.jpg">
        <p>长按识别二维码</p>
    </div>
</div>
<script type="text/javascript" src="/static/h5/js/lib/jquery/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('#tdc').click(function () {
            $('#tdc-layer').slideDown('fast');
        });
        $('#tdc-layer').click(function () {
            $(this).slideUp('fast');
        });
    });
</script>
</body>
</html>